/*
 * Copyright 2021 Shulie Technology, Co.Ltd
 * Email: shulie@shulie.io
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

.blank {
  width: 100%;
  height: 24px;
}

.border {
  background: linear-gradient(
    251deg,
    rgba(249, 254, 255, 1) 0%,
    rgba(255, 255, 255, 1) 100%
  );
  box-shadow: 0px 2px 8px 0px rgba(126, 155, 159, 0.14);
  border-radius: 4px;
  border: 1px solid rgba(233, 239, 255, 1);
  padding: 24px;
}

.borderWithPadding {
  padding: 0 0 0 16px;
}

.blueline {
  display: inline-block;
  width: 4px;
  height: 8px;
  background-color: #11bbd5;
}

.boldTitle {
  font-size: 14px;
  color: #393b4f;
  line-height: 16px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  margin: 0 4px 0 8px;
}

.switchStatus {
  margin-left: 8px;
  margin-top: 8px;
  font-size: 28px;
  font-family: PingFangSC-Semibold, PingFang SC;
  font-weight: 600;
  color: rgba(254, 125, 97, 1);
  letter-spacing: 2px;
}

.flowNum {
  display: inline-block;
  margin-top: 32px;
  height: 39px;
}

.flowNum > span {
  display: inline-block;
  font-size: 33px;
  font-family: HelveticaNeue-Bold, HelveticaNeue;
  font-weight: bold;
  color: rgba(57, 59, 79, 1);
  height: 39px;
}

.more {
  color: #a2a6b1;
}

.number {
  :global {
    .ant-statistic-content {
      display: inline-block;
    }
    .ant-statistic-content-value,
    .ant-statistic-content-value-int,
    .ant-statistic-content-value-decimal {
      font-family: HelveticaNeue-Bold, HelveticaNeue;
      font-size: 33px;
    }
  }
}

.entryWrap {
  margin-top: 24px;
}

.iconWrap {
  text-align: center;
  margin-top: 8px;
  margin-bottom: 16px;
}

.icon {
  width: 32px;
}

.iconText {
  font-size: 14px;
  margin-top: 12px;
  margin-bottom: 12px;
  color: #393b4f;
}
.title {
  font-size: 14px;
  color: #393b4f;
}

.defaultWrap {
  text-align: center;
  margin-top: 16px;
  margin-bottom: 80px;
}

.circle {
  display: inline-block;
  width: 72px;
  height: 72px;
  border-radius: 100%;
  background-color: #e9efff;
}

.defaultTxt {
  color: #a2a6b1;
}
